<template>
	<view class="content newsPage">
		<top path="news" />
		<banner title="News Center" name="新闻中心" />
		<!-- 列表 -->
		<view class="list">
			<view class="item" v-for="(item, index) in list" :key="index" @click="jumpPage(item)">
				<view class="image">
					<image mode="widthFix" :src="baseUrl+item.abbreviation_url"></image>
				</view>
				<view class="cont">
					<view class="title">
						{{ item.title }}
					</view>
					<view class="time">
						发布时间{{ item.create_time }}
					</view>
					<view class="text">
						{{ item.desc }}
					</view>
				</view>
			</view>
		</view>
		<page-pagination color="#4864A7" :showBorder="false" class="page-pagination" :total="page.total"
			@change="change" layout="total,first,prev,page,next,last,jumper"></page-pagination>
		<bottom />
	</view>
</template>

<script>
	import mixins from '../mixins';
	import top from '@/components/top/index.vue'
	import bottom from '@/components/bottom/index.vue'
	import banner from '@/components/banner/index.vue'
	export default {
		mixins: mixins,
		components: {
			top,
			bottom,
			banner,
		}
	}
</script>

<style lang="scss" scoped src="../style.scss"></style>